<!-- 场景设置 -->

<script lang="ts" setup>
import ZZDialog from '@/common/ZZDialog.vue';

import setconfig from './sceneConfig/scene.vue';
import globe from './sceneConfig/globe.vue';
import mouse from './sceneConfig/mouse.vue';
</script>

<template>
  <ZZDialog class="set-scene" title="设置场景参数">
    <el-tabs class="tab">
      <el-tab-pane class="demo-tabs" label="场景">
        <setconfig></setconfig>
      </el-tab-pane>
      <!-- <el-tab-pane class="demo-tabs" label="控件">
        <widgetConfig></widgetConfig>
      </el-tab-pane> -->
      <el-tab-pane class="demo-tabs" label="地球">
        <globe></globe>
      </el-tab-pane>
      <el-tab-pane class="demo-tabs" label="鼠标">
        <mouse></mouse>
      </el-tab-pane>
    </el-tabs>
  </ZZDialog>
</template>

<style scoped>
.set-scene {
  position: absolute;
  width: 460px;
  top: 150px;
  left: 200px;
}

.demo-tabs {
  height: 400px;
  overflow: auto;
}

.tab {
  padding-left: 10px;
}
</style>
